<template>
  <div class="tabdetial">
    <Nav></Nav>
    <div class="banner-wrap">
      <img class="banner" :src="tabdetailBg" />
    </div>
    <div class="wrap">
        <div class="tabs">
        <div class="tabs-title">{{info.titile}}</div>
        <div class="tabs-subTitle">
          {{info.updatetime}} ｜来源：高帮帮官方
        </div>
        <p v-html="info.content"></p>
      </div>
  

    </div>

    <Footer></Footer>
  </div>
</template>

<script setup>
import Footer from '../../components/pc/Footer.vue';
import Nav from '../../components/pc/nav.vue';
import { onMounted, ref } from 'vue';
import { getEnterprisePc,getAdvertisePc } from '../../api/apiList/pcApi.js';
import tabdetailBg from '../../assets/pc/zixun-bg.png';
import { useRoute } from 'vue-router';
let info = ref({});
const route = useRoute();
const id = route.query.id;
const type = route.query.type;

onMounted(async () => {
  if(type == 1){
     // 获取列表数据
  await getEnterprisePc(id).then((res) => {
    const { result } = res;
    info.value = result;
  });
  }else{
    await getAdvertisePc(id).then((res) => {
    const { result } = res;
    info.value = result;
  });
  }
});

</script>

<style lang="less" scoped>
.tabdetial {
  .wrap {
    position: relative;
    width: 1201Px;
    margin: 0 auto;
      .tabs {
    margin-top: 40Px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    .tabs-title {
      display: flex;
      align-items: center;
      font-size: 28Px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #666666;
      line-height: 40Px;
      margin-bottom: 13Px;
      span {
        width: 12Px;
        height: 12Px;
        background: #d8d8d8;
        border-radius: 12Px;
        margin: 0 32Px;
      }
    }
    .tabs-subTitle {
      font-size: 22Px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #999999;
      line-height: 30Px;
      margin-bottom: 37Px;
    }
  }
  }
  .banner-wrap {
    position: relative;
    width: 100vw;
    height: auto;
    margin-top: 29Px;
    display: flex;
    justify-content: center;
  }
  .banner {
    width: 1200Px;
    height: 92Px;
    margin-bottom: 30Px;
    margin: 0 auto;
  }
 


}
</style>
